{include header}
<div class="wrapper">
    {include header_menu}
    {include left_menu}
    <style>
    .gallery-list .gallery-item {
        position: relative;
        display: inline-block;
        width: 33%;
        padding: 2px;
    }
    .gallery-list .gallery-item .gallery-wrapper .gallery-title.action{
        background-color: #2baab1;
    }
    .gallery-list .gallery-item .gallery-wrapper .gallery-overlay .gallery-action.action {
        background-color: #2baab1;
    }
    </style>
    <div class="main-container">
        <div class="padding-md">
            <h2 class="header-text no-margin">
				外观 & 模板
			</h2>
            <div class="gallery-filter m-top-md">
				<ul class="clearfix">
					<li class="active"><a href="#">我的</a></li>
					<li><a href="#">线上</a></li>
				</ul>
			</div>

            <div class="gallery-list js-masonry m-top-md">
            {foreach $data as $v}

                <div class="gallery-item">
        			<div class="gallery-wrapper">
        				<a class="gallery-remove"><i class="fa fa-times"></i></a>
        				<img src="{#WWW}/View/{$v}/back.png" alt="">
        				<div class="gallery-title {if strcasecmp(THEME_NAME,$v) == 0}action{/if}">
        					{$v}
        				</div>
        				<div class="gallery-overlay ">
        					<a title="应用模板" href="{#WWW}/admin/view/edit/{$v}.html" class="gallery-action enlarged-photo {if strcasecmp(THEME_NAME,$v) == 0}action{/if}"><i class="fa fa-check fa-lg"></i></a>
        				</div>
        			</div>
        		</div>

            {/foreach}
            </div>
        </div>
    </div>

</div>
{include footer}
